<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>ä¸ªäººä¸­å¿</title>

		<link href="../AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css">
		<link href="../AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="../css/personal.css" rel="stylesheet" type="text/css">
		<link href="../css/systyle.css" rel="stylesheet" type="text/css">

	</head>

	<body>
		<!--å¤´ -->
		<header>
			<article>
				<div class="mt-logo">
					<!--é¡¶é¨å¯¼èªæ¡ -->
					<div class="am-container header">
						<ul class="message-l">
							<div class="topMessage">
								<div class="menu-hd">
									<a href="../home/login.jsp" target="_top" class="h">äº²ï¼è¯·ç»å½</a>
									<a href="../home/register.jsp" target="_top">åè´¹æ³¨å</a>
								</div>
							</div>
						</ul>
						<ul class="message-r">
							<div class="topMessage home">
								<div class="menu-hd"><a href="../home/home.jsp" target="_top" class="h">ååé¦é¡µ</a></div>
							</div>
							<div class="topMessage my-shangcheng">
								<div class="menu-hd MyShangcheng"><a href="index.jsp" target="_top"><i class="am-icon-user am-icon-fw"></i>ä¸ªäººä¸­å¿</a></div>
							</div>
							<div class="topMessage mini-cart">
								<div class="menu-hd"><a id="mc-menu-hd" href="../home/pay.jsp" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>è´­ç©è½¦</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
							</div>
							<div class="topMessage favorite">
						</ul>
						</div>

						<!--æ¬æµ®æç´¢æ¡-->

						<div class="nav white">
							<div class="logoBig">
								<li><img src="../images/logobig.png" /></li>
							</div>

							<div class="search-bar pr">
								<a name="index_none_header_sysc" href="#"></a>
								<form>
									<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="æç´¢" autocomplete="off">
									<input id="ai-topsearch" class="submit am-btn" value="æç´¢" index="1" type="submit">
								</form>
							</div>
						</div>

						<div class="clear"></div>
					</div>
				</div>
			</article>
		</header>
            <div class="nav-table">
					   <div class="long-title"><span class="all-goods">å¨é¨åç±»</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="../home/home.jsp">é¦é¡µ</a></li>
                                <li class="qc"><a href="#">éªè´­</a></li>
                                <li class="qc"><a href="#">éæ¶æ¢</a></li>
                                <li class="qc"><a href="#">å¢è´­</a></li>
                                <li class="qc last"><a href="#">å¤§åè£</a></li>
							</ul>
						    
						</div>
			</div>
			<b class="line"></b>
		<div class="center">
			<div class="col-main">
				<div class="main-wrap">
					<div class="wrap-left">
						<div class="wrap-list">
							<div class="m-user">
								<!--ä¸ªäººä¿¡æ¯ -->
								<div class="m-bg"></div>
								<div class="m-userinfo">
									
									
								</div>

								<!--ä¸ªäººèµäº§-->
								
							</div>
							<div class="box-container-bottom"></div>

							<!--è®¢å -->
							<div class="m-order">
								<div class="s-bar">
									<i class="s-icon"></i>æçè®¢å
									<a class="i-load-more-item-shadow" href="order.jsp">å¨é¨è®¢å</a>
								</div>
								<ul>
									<li><a href="order.jsp"><i><img src="../images/pay.png"/></i><span>å¾ä»æ¬¾</span></a></li>
									<li><a href="order.jsp"><i><img src="../images/send.png"/></i><span>å¾åè´§<em class="m-num">1</em></span></a></li>
									<li><a href="order.jsp"><i><img src="../images/receive.png"/></i><span>å¾æ¶è´§</span></a></li>
									<li><a href="order.jsp"><i><img src="../images/comment.png"/></i><span>å¾è¯ä»·<em class="m-num">3</em></span></a></li>
									<li><a href="change.jsp"><i><img src="../images/refund.png"/></i><span>éæ¢è´§</span></a></li>
								</ul>
							</div>
							<!--ä¹å®«æ ¼-->
							<div class="user-patternIcon">
								<div class="s-bar">
									<i class="s-icon"></i>æçå¸¸ç¨
								</div>
								<ul>

									<a href="../home/shopcart.jsp"><li class="am-u-sm-4"><i class="am-icon-shopping-basket am-icon-md"></i><img src="../images/iconbig.png"/><p>è´­ç©è½¦</p></li></a>
									<a href="collection.jsp"><li class="am-u-sm-4"><i class="am-icon-heart am-icon-md"></i><img src="../images/iconsmall1.png"/><p>æçæ¶è</p></li></a>
									<a href="../home/home.jsp"><li class="am-u-sm-4"><i class="am-icon-gift am-icon-md"></i><img src="../images/iconsmall0.png"/><p>ä¸ºä½ æ¨è</p></li></a>
									<a href="comment.jsp"><li class="am-u-sm-4"><i class="am-icon-pencil am-icon-md"></i><img src="../images/iconsmall3.png"/><p>å¥½è¯å®è´</p></li></a>
									<a href="foot.jsp"><li class="am-u-sm-4"><i class="am-icon-clock-o am-icon-md"></i><img src="../images/iconsmall2.png"/><p>æçè¶³è¿¹</p></li></a>                                                                        
								</ul>
							</div>
							<!--ç©æµ -->
							<div class="m-logistics">

								<div class="s-bar">
									<i class="s-icon"></i>æçç©æµ
								</div>
								<div class="s-content">
									<ul class="lg-list">

										<li class="lg-item">
											<div class="item-info">
												<a href="#">
													<img src="../images/65.jpg_120x120xz.jpg" alt="æä¸¥å¯å¬å¤©ä¿æéåç¾æ¯æ¯¡åºéå«è¶è0.35åç±³åå¸æ±ææ¹¿æ°èé">
												</a>

											</div>
											<div class="lg-info">

												<p>å¿«ä»¶å·²ä» ä¹ä¹ ååº</p>
												<time>2015-12-20 17:58:05</time>

												<div class="lg-detail-wrap">
													<a class="lg-detail i-tip-trigger" href="logistics.jsp">æ¥çç©æµæç»</a>
													<div class="J_TipsCon hide">
														<div class="s-tip-bar">ä¸­éå¿«é&nbsp;&nbsp;&nbsp;&nbsp;è¿åå·ï¼373269427686</div>
														<div class="s-tip-content">
															<ul>
																<li>å¿«ä»¶å·²ä» ä¹ä¹ ååº2015-12-20 17:58:05</li>
																<li>ä¹ä¹ ç ä¹ä¹æ»é¨ç´åè½¦ å·²æ½ä»¶2015-12-20 17:54:49</li>
																<li class="s-omit"><a data-spm-anchor-id="a1z02.1.1998049142.3" target="_blank" href="#">Â·Â·Â· æ¥çå¨é¨</a></li>
																<li>æ¨çè®¢åå¼å§å¤ç2015-12-20 08:13:48</li>

															</ul>
														</div>
													</div>
												</div>

											</div>
											<div class="lg-confirm">
												<a class="i-btn-typical" href="#">ç¡®è®¤æ¶è´§</a>
											</div>
										</li>
										<div class="clear"></div>

										<li class="lg-item">
											<div class="item-info">
												<a href="#">
													<img src="../images/88.jpg_120x120xz.jpg" alt="ç¤¼çè¢å­å¥³ç§å¬ çº¯æ£è¢å å å¥³å¼ä¸­ç­è¢å­ é©å½å¯ç± å¥³è¢ å¥³æ£è¢">
												</a>

											</div>
											<div class="lg-info">

												<p>å·²ç­¾æ¶,ç­¾æ¶äººæ¯éå¹´åç­¾æ¶</p>
												<time>2015-12-19 15:35:42</time>

												<div class="lg-detail-wrap">
													<a class="lg-detail i-tip-trigger" href="logistics.jsp">æ¥çç©æµæç»</a>
													<div class="J_TipsCon hide">
														<div class="s-tip-bar">å¤©å¤©å¿«é&nbsp;&nbsp;&nbsp;&nbsp;è¿åå·ï¼666287461069</div>
														<div class="s-tip-content">
															<ul>

																<li>å·²ç­¾æ¶,ç­¾æ¶äººæ¯éå¹´åç­¾æ¶2015-12-19 15:35:42</li>
																<li>ãåè°·å³å±±åé¨ãçæ´¾ä»¶åãå³å±±ä»£æ´¾ãæ­£å¨æ´¾ä»¶ çµè¯:*2015-12-19 14:27:28</li>
																<li class="s-omit"><a data-spm-anchor-id="a1z02.1.1998049142.7" target="_blank" href="//wuliu.taobao.com/user/order_detail_new.htm?spm=a1z02.1.1998049142.7.8BJBiJ&amp;trade_id=1479374251166800&amp;seller_id=1651462988&amp;tracelog=yimaidaologistics">Â·Â·Â· æ¥çå¨é¨</a></li>
																<li>æ¨çè®¢åå¼å§å¤ç2015-12-17 14:27:50</li>

															</ul>
														</div>
													</div>
												</div>

											</div>
											<div class="lg-confirm">
												<a class="i-btn-typical" href="#">ç¡®è®¤æ¶è´§</a>
											</div>
										</li>

									</ul>

								</div>

							</div>

							

						</div>
					</div>
					<div class="wrap-right">

						<!-- æ¥å-->
						<div class="day-list">
							<div class="s-bar">
								<a class="i-history-trigger s-icon" href="#"></a>æçæ¥å
								<a class="i-setting-trigger s-icon" href="#"></a>
							</div>
							<div class="s-care s-care-noweather">
								<div class="s-date">
									<em>21</em>
									<span>ææä¸</span>
									<span>2015.12</span>
								</div>
							</div>
						</div>
						<!--æ°å -->
						<div class="new-goods">
							<div class="s-bar">
								<i class="s-icon"></i>ä»æ¥æ°å
								<a class="i-load-more-item-shadow">15æ¬¾æ°å</a>
							</div>
							<div class="new-goods-info">
								<a class="shop-info" href="#" target="_blank">
									<div class="face-img-panel">
										<img src="../images/imgsearch1.jpg" alt="">
									</div>
									<span class="new-goods-num ">4</span>
									<span class="shop-title">å¥å£³æ¾å­</span>
								</a>
								<a class="follow " target="_blank">å³æ³¨</a>
							</div>
						</div>

						<!--ç­åæ¨è -->
						<div class="new-goods">
							<div class="s-bar">
								<i class="s-icon"></i>ç­åæ¨è
							</div>
							<div class="new-goods-info">
								<a class="shop-info" href="#" target="_blank">
									<div >
										<img src="../images/imgsearch1.jpg" alt="">
									</div>
                                    <span class="one-hot-goods">ï¿¥9.20</span>
								</a>
							</div>
						</div>

					</div>
				</div>
				<!--åºé¨-->
				<div class="footer">
					<div class="footer-hd">
						<p>
							<a href="#">å£¹ç§æ</a>
							<b>|</b>
							<a href="../home/home.jsp">ååé¦é¡µ</a>
							<b>|</b>
							<a href="#">æ¯ä»å®</a>
							<b>|</b>
							<a href="#">ç©æµ</a>
						</p>
					</div>
					<div class="footer-bd">
						<p>
						</p>
					</div>
				</div>

			</div>

			<aside class="menu">
				<ul>
					<li class="person active">
						<a href="index.jsp">ä¸ªäººä¸­å¿</a>
					</li>
					<li class="person">
						<a href="#">ä¸ªäººèµæ</a>
						<ul>
							<li> <a href="information.jsp">ä¸ªäººä¿¡æ¯</a></li>
							<li> <a href="safety.jsp">å®å¨è®¾ç½®</a></li>
							<li> <a href="address.jsp">æ¶è´§å°å</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">æçäº¤æ</a>
						<ul>
							<li><a href="order.jsp">è®¢åç®¡ç</a></li>
							<li> <a href="change.jsp">éæ¬¾å®å</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="#">æçèµäº§</a>
						<ul>
							<li> <a href="coupon.jsp">ä¼æ å¸ </a></li>
							<li> <a href="bonus.jsp">çº¢å</a></li>
							<li> <a href="bill.jsp">è´¦åæç»</a></li>
						</ul>
					</li>

					<li class="person">
						<a href="#">æçå°çª</a>
						<ul>
							<li> <a href="collection.jsp">æ¶è</a></li>
							<li> <a href="foot.jsp">è¶³è¿¹</a></li>
							<li> <a href="comment.jsp">è¯ä»·</a></li>
							<li> <a href="news.jsp">æ¶æ¯</a></li>
						</ul>
					</li>

				</ul>

			</aside>
		</div>
		<!--å¼å¯¼ -->
		<div class="navCir">
			<li><a href="../home/home.jsp"><i class="am-icon-home "></i>é¦é¡µ</a></li>
			<li><a href="../home/sort.jsp"><i class="am-icon-list"></i>åç±»</a></li>
			<li><a href="../home/shopcart.jsp"><i class="am-icon-shopping-basket"></i>è´­ç©è½¦</a></li>	
			<li class="active"><a href="index.jsp"><i class="am-icon-user"></i>æç</a></li>					
		</div>
	</body>

</html>